<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="./css/base.css">
<script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="./js/codergege.js"></script> 
<script type="text/javascript" src="./js/1.js"></script> 
<style>
#div1 { width: 100px; height: 200px; background: red; 
	position: absolute; left: 0px; top: 50%; 
	margin-top: -100px; } 

#div2 { width: 30px; height: 80px; background: black; color: white; 
	text-align: center; position: absolute; right: -30px; top: 50%; 
	margin-top: -40px; }
#divx { width: 100px; height: 100px; background: red; 
	position: absolute; left: 0px; top: 40px;}
</style>
<script>
</script>
</head>
<body>

<button>移动</button>
<div id="divx"></div>

<div id="div1">
	<div id="div2">分享到</div>
</div>

</body>
</html>
